<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人信息管理</title>
<link href="${ctx}/css/myhome-css/home_service_base.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/myhome-css/user-info.css" rel="stylesheet" type="text/css" />

<link type="text/css" href="${ctx}/css/jquery-ui-css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" />
<script type="text/javascript" src="${ctx}/js/jquery-ui-js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-ui-js/i18n/ui.datepicker-zh-CN.js"></script>
</head>
<body>

    <div id="orderList" class="account_right">
      <h2>管理我的详细信息</h2>
      <h3>可以查看我当前的详细信息，可以修改我的详细信息！</h3>      
      <div class="no_dang_m">
        <div class="no_dang_border">
		  <!--下面是右边内容方框-->
          <div class="activ_lq">
          	<div style="color:#f00;"><s:actionmessage /></div>
          <form action="${ctx }/home/user-detail!save.action" method="post" id="userDetail" >
          <input type="hidden" name="id" value="${id }" />
          	<div>
              <label>昵称：</label>
              <input id="name" class="put_in" maxlength="20" name="name" value="${name }" />
              <span id="couponID_warn"></span>
            </div>
			<div>
              <label>昵称：</label>
              <input id="nickName" class="put_in" maxlength="20" name="nickName" value="${nickName }" />
              <span id="couponID_warn"></span>
            </div>
            <div>
              <label>头像：</label>
              <input id="iconPath" class="put_in" value="" maxlength="20" type="text" name="iconPath" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>性别：</label>
              <input id="sex" class="put_in" value="${sex }" maxlength="20" type="text" name="sex" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>手机：</label>
              <input id="tel" class="put_in" value="${tel }" maxlength="20" type="text" name="tel" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>Q&nbsp;&nbsp;Q：</label>
              <input id="qq" class="put_in" value="${qq }" maxlength="20" type="text" name="qq" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>MSN：</label>
              <input id="msn" class="put_in" value="${msn }" maxlength="20" type="text" name="msn" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>生日：</label>
              <input id="birthday" class="put_in" value="${birthday}" maxlength="20" type="text" name="birthday" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>兴趣：</label>
              <input id="interest" class="put_in" value="" maxlength="20" type="text" name="interest" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>学校：</label>
              <input id="orgName" class="put_in" value="${orgName}" maxlength="20" type="text" name="orgName" />
              <span id="coupon_password_warn"></span>
            </div>
            <div>
              <label>学院：</label>
              <input id="college" class="put_in" maxlength="20" type="text" name="college" />
              <span id="coupon_password_warn"></span>
            </div>
            <div class="mode_yzm_cont_e_100x30">
              <p>请输入验证码：</p>
              <input id="checkCode" name="captcha" />
              <span  id="captchaImg"><img title="验证码" src="${ctx}/jcaptcha.jpg" /></span> 
              <a href="javascript:refreshCaptcha()">换张图</a><span id="vcode_warn"></span> 
            </div>
            <div>
              <input class="butt_acti"  id="submitButton" value="确 定" type="submit" name="input"/>
              <input class="butt_acti"  id="resetButton" value="取 消" type="reset" name="input" style="margin-left: 0;"/>
            </div>
            <div class="lq_note"><span id="tag_box"></span></div>
          </form>
          </div>
          <div class="intro intro_lq">
            <h3 class=tit>个人详细信息</h3>
            <h3><strong>信息的完整度</strong></h3>
            <h3>30%</h3>
            <h3><strong>信息Tips</strong></h3>
            <h3>为了更好的销售您的商品，请填写正确联系方式</h3>
            <h3>我们会保护您的关键隐私</h3>
            <h3>完整的信息，能更好的搜索到您的店铺</h3>
          </div>
		  <!--右边内容方框结束-->
          <div class="clear"></div>

        </div>
        <div class="clear"></div>
        
      </div>
    </div>
    <script type="text/javascript" language="javascript">
		function refreshCaptcha(){
			$('#captchaImg').html('<img src="${ctx}/jcaptcha.jpg?'+Math.round(Math.random()*100000)+'"/>');
		};
		$(document).ready(function(){
			$(function() {
				$("#birthday").datepicker({
					changeMonth:true,
					changeYear:true,
					showButtonPanel:true
				});
			});
		});
 	</script>
 </body>
</html>